<template>
  <ul class="user_month">
    <li class="mouth_this">
      <a href="javascript:;">
        <div class="mouth_thisLeft"><text>本月奖励</text></div>
        <div class="mouth_thisRight"><text class="mouth_thisMoney">20000.00</text><text class="mouth_thisUnit">元</text></div>
      </a>
    </li>
    <li class="mouth_all">
      <a href="javascript:;">
        <div class="mouth_allLeft"><text>每月奖励金额</text></div>
        <div class="mouth_allRight"><text>></text></div>
      </a>
    </li>
    <li class="mouth_withdraw">
      <a href="javascript:;">
        <div class="mouth_withdrawLeft"><text>提现记录</text></div>
        <div class="mouth_withdrawRight"><text>></text></div>
      </a>
    </li>
  </ul>
</template>
<style>
  .user_month{margin-top:25px !important;width:750px;}
  .user_month li{width:750px;}
  .user_month li a{flex-direction: row;height:120px;}
  .mouth_this{}
  .mouth_this a{}
  .mouth_this .mouth_thisLeft{flex: 1;justify-content: space-between;align-items: center;flex-direction: row;padding-left:30px;}
  .mouth_this .mouth_thisLeft p{color:red;}
  .mouth_this .mouth_thisRight{flex: 1;justify-content: space-between;align-items: center;flex-direction: row;}
  .mouth_this .mouth_thisRight .mouth_thisMoney{}
  .mouth_this .mouth_thisRight .mouth_thisUnit{}
  .mouth_this .mouth_thisRight p{flex: 1;justify-content: flex-end;align-items:flex-end;}
  .mouth_all .mouth_allLeft{flex: 1;justify-content: space-between;align-items:center;flex-direction: row;padding-left:30px;}
  .mouth_all .mouth_allRight{flex: 1;justify-content: space-between;align-items:center;flex-direction: row;}
  .mouth_withdraw .mouth_withdrawLeft{flex: 1;justify-content: space-between;align-items:center;flex-direction: row;padding-left:30px;}
  .mouth_withdraw .mouth_withdrawRight{flex: 1;justify-content: space-between;align-items:center;flex-direction: row;}
</style>